<template>
  <scroll-view
    class="scroll"
    scroll-y="true"
    @refresherrefresh="refreshAction"
    @scrolltolower="toLowerAction"
    refresher-enabled="true"
  >
    <div class="grid box-border column_2 p_xs">
      <div class="grid-item box-border p_xs" v-for="item in dataList" :key="item.id">
        <Good
          @click="navigate(`/pages/detail/detail?id=${item.id}`)"
          :good="item"
        ></Good>
      </div>
    </div>
  </scroll-view>
</template>

<script>
import { getGoodList } from '@/api/good.api';
import { pageMixin } from '../../mixins/index';
import Good from '../../components/good/good.vue';

export default {
  name: 'ReviewList',
  mixins: [
    pageMixin(getGoodList, {
      type: 'review',
    }),
  ],
  components: {
    Good,
  },
  data() {
    return {};
  },
  methods: {},
};
</script>

<style></style>
